<template>
            <div class="hyzs">
            <!-- 文字 -->
            <div class="titleMain">
                <div class="title-text">
                    <h3 class="fl">会员专属5折起</h3>
                </div>
            </div>
            <!-- 图片 -->
            <div class="solaImgWrap">
                <div class="solaImgHead">
                    <img src="https://image.10street.cn/image/7d/ca/7dcae737a9ab07853fd6ce3a84abd849.jpg">
                </div>
                <!-- 轮播图 -->
                <div class="swiperlb">
                    <ul>
                    <li v-for="data in viphyzs_data.itemData" :key ='data.commonId' v-on:click='todetail(data.commonId)'>
                            <a href="javascript:void(0)">
                                <img :src="data.imageUrl" alt="">
                                <p class="goods-name">{{data.goodsName}}</p>
                                <h3>原价 <em>￥{{data.goodsPrice}}</em></h3>
                                <div class="goods-price">
                                    <p>
                                        <img src="https://api.10street.cn/wap/images/oneBuy/priceIcon.png" alt="">
                                        ￥<em>{{data.vipPrice}}</em>
                                    </p>
                                </div>
                            </a>
                        </li>

                    </ul>
                </div>

            </div>

        </div>
</template>


<script>
export default {
          methods: {
            todetail(index){
            this.$emit('commonId',index)
        },
          },
    props:['viphyzs_data'],
    data(){
        return {
            foods : {}
        }
    },
    watch:{
        'viphyzs_data'(){

            // console.log(this.repfxhsg_data)
        }
    },
    mounted () {
        
        // console.log(1)
  
        // console.log(this.repeatstyle_data)
    }
}
</script>


<style lang="stylus" scoped>
.hyzs
    margin: 0.2rem 0.1rem;
    .titleMain
        line-height: 0.3rem;
        height: 0.3rem;
        padding-left: 0.1rem;
        .title-text 
            color: #333;
            font-size: 0.15rem;
            font-weight: bold;
            height: 0.3rem;
            float: left !important;
    .solaImgWrap
        background: #fff;
        margin: 0 0.1rem;
        border-radius: 0.13rem;
        overflow: hidden;
        .solaImgHead 
            padding-bottom: 0.13rem;
            border-radius: 0.13rem 0.13rem 0 0;
            overflow: hidden;
            img 
                width: 100%;
        .swiperlb
            ul
                display flex
                flex-wrap  nowrap
                overflow scroll
                li
                    width 32%
                    margin-right 1%
                    a
                        img
                            width: 100%;
                            height: 1rem;
                        .goods-name 
                            color: #333333;
                            margin: 0.1rem 0.1rem;
                            font-size: 0.1rem;
                            line-height: 0.14rem;
                            height: 0.14rem;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        h3
                            color: #999;
                            font-size: 0.1rem;
                            margin: 0 0.1rem;
                            height: 0.15rem;
                            overflow: hidden;
                            em
                                font-style: normal;
                        div
                            margin: 0 0.1rem;
                            line-height: 0.25rem;
                            height: 0.25rem
                            overflow: hidden;
                            font-size: 0.1rem;
                            color: #FF4A42;
                            p  
                                img
                                    width: 0.25rem;
                                    height 0.25rem
                                    margin: -0.025rem 0.05rem 0 0;
                                em
                                    font-size: 0.15rem;
                                    font-weight: 600;
</style>


